<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">

  <base href="../">

  <title>Vvveb Landing - Section</title>



  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta name="author" content="Vvveb">
  <link rel="canonical" href="https://www.vvveb.com/">


  <!-- Facebook Meta Tags -->
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:url" content="https://vvveb.com/" />
  <meta property="og:site_name" content="Vvveb CMS" />
  <meta property="og:image" content="" />
  <meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />


  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="twitter:domain" content="demo.vvveb.com">
  <meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
  <meta name="twitter:title" content="Begin each day by telling yourself">
  <meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta name="twitter:image" content="">
  <meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
  <meta name="twitter:label1" content="Est. reading time" />
  <meta name="twitter:data1" content="3 minutes" />

  <meta itemprop="name" content="Vvveb">
  <meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta itemprop="url" content="https://www.vvveb.com/">
  <meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta itemprop="image" content="/img/favicon/228x228.png">
  <meta itemprop="sourceOrganization" content="Vvveb">
  <meta itemprop="inLanguage" content="en-US">

  <script type="application/ld+json" id="ldJsonScript">
   {
	  "@context": "http://schema.org",
	  "@graph": [
		{
		  "@type": "Organization",
		  "@id": "https://www.vvveb.com/#organization",
		  "url": "https://www.vvveb.com",
		  "logo": "https://www.vvveb.com/img/favicon/256x256.png",
		  "sameAs": [
			"https://twitter.com/vvveb",
			"https://www.facebook.com/vvveb.com",
			"https://youtube.com/vvveb",
			"https://www.linkedin.com/company/vvveb-com",
			"https://plus.google.com/+VvvebCom"
		  ]
		},
		{
		  "@type": "WebSite",
		  "@id": "https://www.vvveb.com/#website",
		  "url": "https://www.vvveb.com",
		  "name": "Vvveb"
		},
		{
		  "@type": "WebPage",
		  "@id": "https://www.vvveb.com/#webpage",
		  "url": "https://www.vvveb.com/",
		  "name": "Vvveb"
		}
	  ]
	}
</script>


  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@vvveb">

  <meta name="twitter:label1" content="Platform">
  <meta name="twitter:data1" content="Vvveb">
  <meta name="twitter:label2" content="Software">
  <meta name="twitter:data2" content="CMS">


  <meta property="og:title" content="Vvveb">
  <meta property="og:site_name" content="Vvveb">
  <meta property="og:url" content="https://www.vvveb.com/">
  <meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
  <meta property="fb:app_id" content="">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_US">
  <meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">



  <!-- HTML Meta Tags -->
  <title>Begin each day by telling yourself</title>
  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">





  <link id="landing-css" href="css/style.bundle.css" rel="stylesheet">




  <style>
    :root {}
  </style>




  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />

  <link rel="icon" type="image/x-icon" href="../../media/favicon.ico" data-v-global-site-favicon>

  <link rel="manifest" href="/manifest.webmanifest">

  <link rel="alternate" hreflang="" href="" />

  <link rel="stylesheet" href="js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>
</head>



<body>



  <section class="contact-form-9" title="contact-form-9">
    <div class="container py-5 my-5">
      <div class="row py-5">
        <div class="col py-5">
          <div>
            <div class="row text-center justify-content-center">
              <div class="col-12 col-md-9 col-lg-7">
                <h1>Contact Us</h1>
                <p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
              </div>
            </div>

            <div class="row justify-content-center pt-4">
              <div class="col-12 col-md-8">
                <form>
                  <div class="row">
                    <div class="col-12 col-md">
                      <input type="text" class="form-control" placeholder="Name">
                    </div>
                    <div class="col-12 col-md mt-4 mt-md-0">
                      <input type="text" class="form-control" placeholder="Email">
                    </div>
                  </div>

                  <div class="row mt-4">
                    <div class="col">
                      <input type="email" class="form-control" placeholder="Subject">
                    </div>
                  </div>

                  <div class="row mt-4">
                    <div class="col">
                      <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col text-center">
                      <button type="submit" class="btn btn-primary">Send</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-11 pt-0" title="contact-form-11">
    <div class="container-fluid p-0 pb-5">
      <iframe loading="lazy" class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" style="border:0" allowfullscreen="" width="100%" height="300" frameborder="0"></iframe>
    </div>
    <div class="container">
      <div class="row pt-5">
        <div class="col-12">
          <form>
            <div class="row">
              <div class="col-12 col-md">
                <label>First Name</label>
                <input type="text" class="form-control">
              </div>
              <div class="col-12 col-md mt-4 mt-md-0">
                <label>Last Name</label>
                <input type="text" class="form-control">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <label>Your Email</label>
                <input type="email" class="form-control">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <label>Subject (optional but helpful)</label>
                <input type="email" class="form-control">
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <label>How can we help?</label>
                <textarea class="form-control" name="message" rows="3"></textarea>
              </div>
            </div>
            <div class="row mt-4 text-center">
              <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-12 py-0" title="contact-form-12">
    <div class="container py-5" style="background-image: url(img/sections/contct-form-12.jpg);">
      <div class="row text-center justify-content-center">
        <div class="col-12 col-md-8 col-lg-7">
          <h1>Contact Us</h1>
          <p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
        </div>
      </div>
      <div class="row-50">
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-md-8 col-lg-7">
          <form>
            <div class="row">
              <div class="col">
                <label>Your Email Address</label>
                <input type="text" class="form-control">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <label>Subject</label>
                <input type="email" class="form-control">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <label>How can we help?</label>
                <textarea class="form-control" name="message" rows="3"></textarea>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col text-end">
                <button type="submit" class="btn btn-dark">Send</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="row-100"></div>
    </div>

    <div class="container-fluid p-0">
      <iframe loading="lazy" class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" style="border:0" allowfullscreen="" width="100%" height="300" frameborder="0"></iframe>
    </div>
  </section>

  <hr />

  <section class="contact-form-13" title="contact-form-13">
    <div class="container">
      <div class="row text-center justify-content-center">
        <div class="col-12 col-md-8 col-lg-7">
          <h1>Contact Us</h1>
          <p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
        </div>
      </div>
      <div class="row-70"></div>
      <div class="row">
        <div class="col-12 col-md-8 col-lg m-auto">
          <form>
            <div class="row">
              <div class="col">
                <input type="email" class="form-control" placeholder="Enter email">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <input type="email" class="form-control" placeholder="Subject">
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </div>
          </form>
        </div>

        <div class="col-12 col-md-8 col-lg pt-5 m-auto pt-lg-0">
          <iframe loading="lazy" class="mb-4" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" style="border:0" allowfullscreen="" width="100%" height="200" frameborder="0"></iframe>

          <p>
            <strong>Showroom</strong>
          </p>
          <p>
            71 Pilgrim Avenue
            <br>Chevy Chase, MD 20815
          </p>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-2 container-fluid px-5 my-5" title="contact-form-2">
    <div class="row justify-content-center">
      <div class="col-xl-10">
        <div class="card border-0 rounded-3 shadow-lg ">
          <div class="card-body p-0">
            <div class="row g-0">
              <div class="col-sm-6 d-none d-sm-block bg-image">

                <img alt="image" src="img/illustrations.co/day68-happy-cat.svg" loading="lazy" class="img-fluid">

              </div>
              <div class="col-sm-6 p-4">
                <div class="text-center">
                  <div class="h3 fw-light">Contact Form</div>
                  <p class="mb-4 text-muted">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
                </div>


                <form id="contactForm">


                  <div class=" mb-3">
                    <input class="form-control" id="name" type="text" placeholder="Name" required />
                    <label for="name">Name</label>
                  </div>


                  <div class=" mb-3">
                    <input class="form-control" id="emailAddress" type="email" placeholder="Email Address" required />
                    <label for="emailAddress">Email Address</label>
                  </div>


                  <div class=" mb-3">
                    <textarea class="form-control" id="message" type="text" placeholder="Message" style="height: 10rem;" required></textarea>
                    <label for="message">Message</label>
                  </div>




                  <div class="d-grid">
                    <button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button>
                  </div>
                </form>


              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section title="contact-form-6" class="contact-form-6">
    <div class="container-fluid g-0">

      <div style="height:300px" data-component-maps>
        <iframe loading="lazy" frameborder="0" src="https://maps.google.com/maps?q=Bucharest&z=15&t=q&key=&output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px">
        </iframe>
      </div>

    </div>
    <div class="container">
      <div class="row my-5">
        <div class="col-12 col-md-6 col-lg-5">
          <h2>Contact Us</h2>
          <p class="lead">
            Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.
          </p>

          <p class="lead">
            The html for sections blocks and components and this template are built using Bootstrap 5.
          </p>

          <div data-v-component-site>
            <p class="mt-5">
              <span>
                <i class="la la-lg la-envelope"></i> Email:
              </span>
              <span data-v-if="site.contact-email">
                <a href="mailto:contact@mysite.com" data-v-site-contact-email>
                  <span data-v-site-contact-email>contact@mysite.com</span>
                </a>
              </span>
            </p>
            <p class="">
              <span>
                <i class="la la-lg la-phone"></i> Phone:
              </span>
              <a href="tel:5511112377" data-v-site-phone-number>
                <span data-v-site-phone-number>+55 (111) 123 777</span>
              </a>
            </p>
          </div>
        </div>

        <div class="col-12 col-md-6 ms-auto" data-v-component-plugin-contact-form-form data-v-storage="database" data-v-name="contact-us-home">

          <div class="notifications" data-v-notifications>

            <div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error>

              <div class="icon align-middle me-2">
                <i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
              </div>

              <div class="flex-grow-1 align-self-center text-small">
                <div>
                  <div data-v-notification-text>
                    This is a placeholder for a notification message.
                  </div>
                </div>
              </div>


              <button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">
                  <!-- <i class="la la-times"></i> -->
                </span>
              </button>
            </div>

            <div class="alert alert-success d-flex  alert-dismissable d-flex" role="alert" data-v-notification-success>

              <div class="icon align-middle me-2">
                <i class="align-middle la la-2x lh-1 la-check-circle"></i>
              </div>

              <div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
                This is a placeholder for a success message.
              </div>

              <button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">
                  <!-- <i class="la la-times"></i> -->
                </span>
              </button>
            </div>

            <div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info>

              <div class="icon align-middle me-2">
                <i class="align-middle la la-2x lh-1  la-info-circle"></i>
              </div>

              <div class="flex-grow-1 align-self-center" data-v-notification-text>
                This is a placeholder for a info message.
              </div>

              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">
                  <!-- <i class="la la-times"></i> -->
                </span>
              </button>
            </div>

          </div>

          <form action="" method="post">
            <input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">

            <div class="row">
              <div class="col">
                <input type="text" class="form-control" placeholder="First name" name="firstname" required>
              </div>
              <div class="col">
                <input type="text" class="form-control" placeholder="Last name" name="lastname" required>
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <input type="email" class="form-control" placeholder="Enter email" name="email" required>
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <input type="text" class="form-control" placeholder="Subject" name="subject" required>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <textarea class="form-control" name="message" rows="3" placeholder="How can we help?" required></textarea>
              </div>
            </div>


            <!-- if these hidden inputs are filled then ignore, robots -->

            <input type="text" class="form-control d-none" placeholder="Contact form" name="contact-form">

            <input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">

            <input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">


            <div class="row mt-4">
              <div class="col">
                <button type="submit" class="btn btn-primary">Submit <i class="la la-long-arrow-alt-right ms-1"></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-8" title="contact-form-8">
    <div class="container">
      <div class="row text-center justify-content-center">
        <div class="col-12 col-md-8 col-lg-7">
          <h1>Contact Us</h1>
          <p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
        </div>
      </div>

      <div class="row pt-4">
        <div class="col-12 col-md-6">
          <iframe loading="lazy" class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" style="border:0" allowfullscreen="" width="100%" height="300" frameborder="0"></iframe>
        </div>

        <div class="col-12 col-md-6 pt-5">
          <form>
            <div class="row">
              <div class="col">
                <input type="email" class="form-control" placeholder="Enter email">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <input type="email" class="form-control" placeholder="Subject">
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-10 pt-0" title="contact-form-10">
    <div class="container-fluid p-0 pb-3">
      <iframe loading="lazy" class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656" style="border:0" allowfullscreen="" width="100%" height="300" frameborder="0"></iframe>
    </div>
    <div class="container">
      <div class="row text-center justify-content-center pt-5">
        <div class="col-12 col-md-7">
          <h1>Contact Us</h1>
        </div>
      </div>

      <div class="row justify-content-center pt-4">
        <div class="col-12 col-md-7">
          <form>
            <div class="row">
              <div class="col">
                <input type="text" class="form-control" placeholder="Email">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <input type="email" class="form-control" placeholder="Subject">
              </div>
            </div>

            <div class="row mt-4">
              <div class="col">
                <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col text-center">
                <button type="submit" class="btn btn-primary">Send</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="row-100"></div>
    </div>
    <div class="bg-dark">
      <div class="container">
        <div class="row-50"></div>
        <div class="row justify-content-center text-center">
          <div class="col-12 col-md me-auto ms-auto">
            <p class="lead">+55 (111) 123 777</p>
          </div>

          <div class="col-12 col-md pt-4 me-auto ms-auto">
            <p class="lead">7th St.
              <br>New York, NY 12345
            </p>
          </div>

          <div class="col-12 col-md pt-4 me-auto ms-auto">
            <p class="lead">support@vvveb.com</p>
          </div>
        </div>
        <div class="row-50"></div>
      </div>
    </div>

    <div class="container">
      <div class="row-70"></div>
      <div class="row text-center">
        <div class="col">
          <p class="h2">
            <a href="#" class="mx-2">
              <i class="la la-facebook"></i>
            </a>
            <a href="#" class="mx-2">
              <i class="la la-twitter"></i>
            </a>
            <a href="#" class="mx-2">
              <i class="la la-instagram"></i>
            </a>
            <a href="#" class="mx-2">
              <i class="la la-google"></i>
            </a>
            <a href="#" class="mx-2">
              <i class="la la-pinterest"></i>
            </a>
          </p>
        </div>
      </div>
    </div>
  </section>

  <hr />

  <section class="contact-form-3 py-5" title="contact-form-3">
    <div class="row no-gutters">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <div class="card-shadow">
              <img alt="image" src="img/illustrations.co/day68-happy-cat.svg" loading="lazy" class="img-fluid">
            </div>
          </div>
          <div class="col-lg-6">
            <div class="contact-box ms-3">
              <h1 class=" mt-2">Quick Contact</h1>
              <form class="mt-4">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group mt-2">
                      <input class="form-control" type="text" placeholder="name">
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group mt-2">
                      <input class="form-control" type="email" placeholder="email address">
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group mt-2">
                      <input class="form-control" type="text" placeholder="phone">
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group mt-2">
                      <textarea class="form-control" rows="3" placeholder="message"></textarea>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <button type="submit" class="btn btn-success mt-3 text-white border-0 px-3 py-2">
                      <span> Submit</span>
                    </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="card mt-4 border-0 mb-4">
              <div class="row">
                <div class="col-lg-4 col-md-4">
                  <div class="card-body d-flex align-items-center c-detail pl-0">
                    <div class="me-3 align-self-center">
                      <i class="la la-map la-lg"></i>
                    </div>
                    <div>
                      <h6>Address</h6>
                      <p>708 Picadilly Ave.
                        <br> New York
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4">
                  <div class="card-body d-flex align-items-center c-detail">
                    <div class="me-3 align-self-center">
                      <i class="la la-phone la-lg"></i>
                    </div>
                    <div>
                      <h6>Phone</h6>
                      <p>555 111 333</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4">
                  <div class="card-body d-flex align-items-center c-detail">
                    <div class="me-3 align-self-center">
                      <i class="la la-email la-lg"></i>
                    </div>
                    <div>
                      <h6>Email</h6>
                      <p>
                        hello@vvveb.com
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr />



  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
        Product was added to cart.
      </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <!-- Vvveb Common Js -->
  <!-- <script src="../../js/jquery.min.js"></script> -->
  <script id="jquery-js" src="js/jquery.min.js"></script>
  <script id="popper-js" src="../../js/popper.min.js"></script>
  <!-- <script src="../../js/bootstrap.min.js"></script> -->
  <!-- <script src="../../js/bootstrap.bundle.min.js"></script> -->
  <script id="bootstrap-js" src="js/bootstrap.min.js"></script>
  <!-- Vvveb Ajax Common Js -->
  <script id="app-js" src="../../js/app.js"></script>

  <!-- Animation -->
  <script src="js/aos.js"></script>
  <script>
AOS.init();
</script>

  <script src="js/theme.js"></script>

  <script>
$(document).on("click", ".dropdown-toggle",function (e) { 
	let link = $(this);
	let parent = link.parents(".nav-toggle");
	if (link.hasClass("show")) {
		parent.addClass("show"); 
	} else {
		parent.removeClass("show"); 
	}
});
</script>


</body>

</html>